<ion-modal-view>
  <ion-header-bar>
    <h1 class="title">故障详细</h1>
    <div class="buttons">
      <button class="button button-clear" ng-click="closeModal()">关闭</button>
    </div>
  </ion-header-bar>
  <ion-content>
    <div class="list">
      <label class="item item-input">
        <span class="input-label">工单号:</span>
        <input type="text" ng-model="order.id">
      </label>
      <label class="item item-input">
        <span class="input-label">上报人:</span>
        <input type="text" ng-model="order.reporterId">
      </label>
      <label class="item item-input">
        <textarea rows="5" ng-model="order.issuereason"></textarea>
      </label>
      <label class="item item-input">
        <textarea rows="5" ng-model="order.issuerepair"></textarea>
      </label>
      <span class="input-label">故障图片:</span>
      <div class="row" ng-repeat="image in imageDetails" ng-if="$index % 3 === 0">
        <div class="col col-33" ng-if="$index < imageDetails.length">
          <img ng-src="{{imageDetails[$index]}}" width="100%" ng-click="showImage($index)" />
        </div>
        <div class="col col-33" ng-if="$index + 1 < imageDetails.length">
          <img ng-src="{{imageDetails[$index + 1]}}" width="100%" ng-click="showImage($index)" />
        </div>
        <div class="col col-33" ng-if="$index + 2 < imageDetails.length">
          <img ng-src="{{imageDetails[$index + 2]}}" width="100%" ng-click="showImage($index)" />
        </div>
      </div>
      <span class="input-label">返修图片:</span>
      <div class="row" ng-repeat="image in imageRepairs" ng-if="$index % 3 === 0">
        <div class="col col-33" ng-if="$index < imageRepairs.length">
          <img ng-src="{{imageRepairs[$index]}}" width="100%" ng-click="showImage($index)" />
        </div>
        <div class="col col-33" ng-if="$index + 1 < imageRepairs.length">
          <img ng-src="{{imageRepairs[$index + 1]}}" width="100%" ng-click="showImage($index)" />
        </div>
        <div class="col col-33" ng-if="$index + 2 < imageRepairs.length">
          <img ng-src="{{imageRepairs[$index + 2]}}" width="100%" ng-click="showImage($index)" />
        </div>
      </div>
    </div>
  </ion-content>
</ion-modal-view>